b,
blockquote,
body,
button,
dd,
dl,
dt,
em,
fieldset,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
i,
input,
lengend,
li,
ol,
p,
pre,
span,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

body,
button,
input,
select,
textarea {
    font: normal 12px/1 Microsoft YaHei, \\5FAE\8F6F6C5ED1, simsun, verdana
}

\ html {
    overflow-y: scroll
}

html.noscroll {
    overflow: hidden
}

ol,
ul {
    list-style: none
}

.tl {
    text-align: left
}

.tc {
    text-align: center
}

.tr {
    text-align: right
}

.fl {
    float: left
}

.fr {
    float: right
}

.hiddeny {
    overflow-y: hidden
}

a {
    color: #000;
    text-decoration: none
}

a,
button,
input {
    outline: none
}

.bbthree {
    background-color: #fff;
    border-bottom: 3px solid #eaeaea;
    padding-bottom: 30px
}

.spline {
    border: 0 solid #eee;
    clear: both
}

.spline.dotted {
    border-style: dotted
}

.spline.top {
    border-width: 1px 0 0
}

.spline.bottom {
    border-width: 0 0 1px
}

.widthly {
    width: auto;
    margin: 0 160px
}

.sp00 {
    height: 0
}

.sp00,
.sp05 {
    clear: both;
    display: block;
    overflow: hidden
}

.sp05 {
    height: 5px
}

.sp10 {
    height: 10px
}

.sp10,
.sp20 {
    clear: both;
    display: block;
    overflow: hidden
}

.sp20 {
    height: 20px
}

.sp30 {
    height: 30px
}

.sp30,
.sp50 {
    clear: both;
    display: block;
    overflow: hidden
}

.sp50 {
    height: 50px
}

.sp80 {
    height: 80px
}

.sp80,
.sp100 {
    clear: both;
    display: block;
    overflow: hidden
}

.sp100 {
    height: 100px
}

.pd10 {
    padding: 10px
}

.pd20 {
    padding: 20px
}

.pd30 {
    padding: 30px
}

.pd50 {
    padding: 50px
}

.pd100 {
    padding: 100px
}

.pdlr20 {
    padding: 0 20px
}

.pdt10 {
    padding-top: 10px
}

.pdl10 {
    padding-left: 10px
}

.pdr10 {
    padding-right: 10px
}

.pdb10 {
    padding-bottom: 10px
}

.pdt05 {
    padding-top: 5px
}

.pdl05 {
    padding-left: 5px
}

.pdr05 {
    padding-right: 5px
}

.pdb05 {
    padding-bottom: 5px
}

.pdb0 {
    padding-bottom: 0
}

.pdt0 {
    padding-top: 0
}

.mgt10 {
    margin-top: 10px
}

.mgt20 {
    margin-top: 20px
}

.mgr10 {
    margin-right: 10px
}

.mgb10 {
    margin-bottom: 10px
}

.mgl10 {
    margin-left: 10px
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix,
dl.inline,
ul.inline {
    clear: both
}

.inline li,
dl.inline dd,
dl.inline dt {
    float: left
}

.block li {
    float: none;
    clear: both
}

.txt {
    line-height: 34px;
    height: 34px;
    padding: 0 10px;
    position: relative;
    border: 1px solid #ddd;
    transition: all .2s ease-in-out;
    outline: none;
    border-radius: 1px;
    box-sizing: border-box
}

.txt.ts {
    line-height: 22px;
    height: 22px
}

.txt.pageSearch {
    height: 30px;
    line-height: 30px;
    width: 20px
}

.txt.ss {
    line-height: 24px;
    height: 24px
}

.txt:focus,
textarea:focus {
    border-color: #374fbb;
    box-shadow: 0 0 5px rgba(55, 79, 187, .45)
}

.txt.errself,
textarea.errself {
    border-color: #ea7975;
    background-color: #ffe2e1
}

.txt.errself:focus,
textarea.errself:focus {
    border-color: #ea7975;
    box-shadow: 0 0 8px rgba(217, 84, 79, .5)
}

textarea {
    border: 1px solid #ddd;
    line-height: 1.5;
    padding: 5px 10px;
    resize: none;
    outline: none;
    overflow: auto
}

textarea.default {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 0 0
}

input[readonly=readonly],
textarea[readonly=readonly] {
    background-color: #f6f6f6;
    border: 1px solid #ddd;
    color: #aaa
}

input[disabled],
input[disabled].wpdate,
textarea[disabled] {
    border: 1px solid #e1e1e1;
    background-color: #f5f5f5;
    color: #888;
    cursor: not-allowed
}

textarea[disabled] {
    border: 1px solid #e1e1e1;
    background-color: #eee;
    color: #888
}

.tin2 {
    text-indent: 2em
}

.hide {
    display: none
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: **px
}

.wordbreak {
    word-break: break-all;
    line-height: 1.5;
    white-space: normal
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.nowrap {
    white-space: nowrap
}

.unline {
    text-decoration: underline
}

.disabled {
    cursor: not-allowed
}

.ant {
    transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease
}

.radiuslist li:first-child,
.radiuslist li:first-child>a {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.radiuslist li:last-child,
.radiuslist li:last-child>a {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.row {
    clear: both;
    line-height: 32px
}

.row:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.row.plr20 {
    padding-left: 20px;
    padding-right: 20px
}

.row.plr50 {
    padding-left: 50px;
    padding-right: 50px
}

.row .col-xs-1 {
    width: 8.33333333%
}

.row .col-xs-2 {
    width: 16.66666667%
}

.row .col-xs-3 {
    width: 25%
}

.row .col-xs-4 {
    width: 33.33333333%
}

.row .col-xs-5 {
    width: 41.66666667%
}

.row .col-xs-6 {
    width: 50%
}

.row .col-xs-7 {
    width: 58.33333333%
}

.row .col-xs-8 {
    width: 66.66666667%
}

.row .col-xs-9 {
    width: 75%
}

.row .col-xs-10 {
    width: 83.33333333%
}

.row .col-xs-11 {
    width: 91.66666667%
}

.row .col-xs-12 {
    width: 100%
}

.row .col-xs-w100 {
    width: 100px
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-xs-w100 {
    float: left;
    position: relative;
    padding-top: 1px
}

.pol50 {
    position: relative;
    padding: 0 0 0 50px
}

.pol50 .abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px
}

.por50 {
    position: relative;
    padding: 0 50px 0 0
}

.por50 .abs {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px
}

.pol100 {
    position: relative;
    padding: 0 0 0 100px
}

.pol100 .abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px
}

.pol200 {
    position: relative;
    padding: 0 0 0 200px
}

.pol200 .abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px
}

.por100 {
    position: relative;
    padding: 0 100px 0 0
}

.por100 .abs {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.por200 {
    position: relative;
    padding: 0 0 0 200px
}

.por200 .abs {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px
}

.absolutecenter {
    position: relative;
    float: left;
    left: 50%
}

.absolutecenter .acsub {
    position: relative;
    float: left;
    right: 50%;
    display: block
}

.absolutecenter .acsub+.acsub {
    margin: 0 0 0 15px
}

.btn {
    display: inline-block;
    height: 34px;
    line-height: 34px;
    padding: 0 15px;
    text-decoration: none;
    border-radius: 2px;
    outline: none;
    cursor: pointer;
    vertical-align: top
}

.btn i {
    padding: 0 3px
}

.btn i:before {
    font-size: 18px;
    color: #fff;
    float: left;
    line-height: 34px
}

.btn span {
    color: #fff
}

button,
input[type=button] {
    border: none;
    color: #fff
}

.btn.bb {
    height: 45px;
    padding: 0 25px
}

.btn.bb,
.btn.bb i:before {
    line-height: 45px
}

.btn.bs {
    height: 28px
}

.btn.bs,
.btn.bs i:before {
    line-height: 28px
}

.btn-common {
    color: #333;
    background-color: #fff;
    border: 1px solid #ddd
}

.btn-common i:before,
.btn-common span {
    color: #333
}

.btn-common:hover {
    background-color: #278add;
    border-color: #278add;
    color: #fff
}

.btn-common:hover i:before,
.btn-common:hover span {
    color: #fff
}

a.btn-common {
    height: 33px;
    line-height: 33px
}

[class*=" icon-"],
[class^=icon-] {
    line-height: inherit
}

.round {
    border-radius: 50%;
    display: inline-block
}

.round05 {
    border-radius: 5px
}

.round50 {
    border-radius: 50px;
    width: 50px;
    height: 50px;
    line-height: 50px
}

.round50,
.round60 {
    display: inline-block
}

.round60 {
    border-radius: 60px;
    width: 60px;
    height: 60px;
    line-height: 60px
}

.page-crumb p {
    color: #333;
    height: 45px;
    font: normal 12px/40px simsun
}

.page-crumb p em {
    float: left;
    padding: 0 10px 0 0;
    font-style: normal
}

.page-crumb p b {
    font-weight: 400
}

.page-crumb p a {
    color: #333
}

.page-crumb p a:hover {
    color: #e23
}

.page-crumb p span {
    color: #888;
    display: block;
    float: left;
    padding: 0 10px 0 0
}

.page-crumb p span:after {
    padding: 0 0 0 10px
}

.page-crumb.corner p span:after {
    content: ">"
}

.page-crumb.slash p span:after {
    content: "/"
}

.upload-group .upfile {
    height: 32px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0;
    /* filter: alpha(opacity=0); */
    cursor: pointer;
    z-index: 2;
    font-size: 30px
}

.wp100 {
    width: 100%;
    box-sizing: border-box
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w100 {
    width: 100px
}

.w200 {
    width: 200px
}

.w300 {
    width: 300px
}

.w400 {
    width: 400px
}

.w500 {
    width: 500px
}

.fb {
    font-size: 16px
}

.fm {
    font-size: 14px
}

.fs {
    font-size: 12px
}

.fs15 {
    font-size: 15px
}

.fs18 {
    font-size: 18px
}

.fs20 {
    font-size: 20px
}

.fs21 {
    font-size: 21px
}

.fs22 {
    font-size: 24.3px
}

.fs27 {
    font-size: 27px
}

.fs30 {
    font-size: 30px
}

.fs36 {
    font-size: 36px
}

.fs50 {
    font-size: 50px
}

.fs60 {
    font-size: 60px
}

.fs80 {
    font-size: 80px
}

.ffs {
    font-family: simsun
}

.ffv {
    font-family: verdana
}

.ffm {
    font-family: Microsoft YaHei
}

.fbold {
    font-weight: 700
}

.fnormal {
    font-weight: 400;
    font-style: normal
}

.lh {
    line-height: 1.5em
}

.lhem {
    line-height: 1em
}

.lh20 {
    line-height: 20px
}

.lh24 {
    line-height: 24px
}

.lh30 {
    line-height: 30px
}

.lh34 {
    line-height: 34px
}

.lh40 {
    line-height: 40px
}

.tu {
    text-decoration: underline
}

.txtsp {
    padding: 0 3px
}

.dc {
    margin: 0 auto
}

.switch-actor {
    width: 62px;
    position: relative;
    background-color: #fff;
    height: 22px;
    padding: 2px;
    overflow: hidden;
    font-size: 12px;
    border-radius: 22px;
    cursor: pointer
}

.switch-actor .switch-mover {
    position: absolute;
    left: 0;
    top: 2px;
    width: 1000px;
    height: 22px
}

.switch-actor.on {
    background-color: #6dbb56
}

.switch-actor.off {
    background-color: #bbb
}

.switch-actor.on .switch-mover {
    left: 0
}

.switch-actor.off .switch-mover {
    left: -40px
}

.switch-actor.disabled {
    cursor: not-allowed;
    background-color: #d6d6d6
}

.switch-actor.off.disabled {
    background-color: #ddd
}

.switch-actor.on.disabled {
    background-color: #a2d293
}

.switch-actor .switch-mover span {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    color: #fff;
    float: left;
    width: 38px;
    text-align: center
}

.switch-actor .switch-mover span.switch-left {
    padding: 0 0 0 4px
}

.switch-actor .switch-mover span.switch-right {
    padding: 0 4px 0 0
}

.switch-actor .switch-mover span.switch-dot {
    width: 22px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    padding: 0
}

.switch-actor.notxt {
    width: 40px
}

.switch-actor.notxt.on .switch-mover {
    left: -22px
}

.switch-actor.notxt.off .switch-mover {
    left: -40px
}

.se-border {
    border: 1px solid #ddd;
    padding: 1px;
    float: left;
    background: #fff;
    position: relative;
    top: 0;
    top: -2px;
    line-height: 20px
}

.se-border .se-hidden {
    width: 50px;
    /* *width: 58px; */
    height: 20px;
    overflow: hidden
}

.se-border .se-hidden select {
    width: 50px;
    /* *margin: -2px; */
    margin: -2px;
    border: none;
    font-size: 12px;
    background: transparent;
    outline: none;
    height: 20px
}

.select-group .se-border {
    top: 0;
    top: 0
}

.select-group .se-border .se-hidden {
    width: 100px;
    /* *width: 98px; */
    height: 22px;
    height: 23px
}

.select-group .se-border .se-hidden select {
    width: 100%;
    border: none
}

.se-border-width100percent {
    width: 100%;
    border: 1px solid #ccc;
    padding: 6px;
    float: left;
    background: #fff;
    box-shadow: inset 0 0 3px #eee;
    position: relative;
    line-height: 22px;
    top: -1px;
    top: -2px
}

.se-border-width100percent .se-hidden {
    width: 60px;
    /* *width: 58px; */
    height: 20px;
    overflow: hidden
}

.se-border-width100percent .se-hidden select {
    width: 60px;
    /* *margin: -2px; */
    border: none;
    padding: 1px;
    background: transparent;
    outline: none;
    font-size: 12px
}

.select-group.full .se-border .se-hidden {
    width: 100%
}

.select-group .selector {
    display: block
}

.select-group+.select-group {
    margin-left: -1px
}

.select {
    position: absolute;
    left: -100px;
    right: 0;
    display: none
}

.selector {
    position: relative;
    width: auto
}

.selector+.selector {
    margin-left: -1px
}

.selector dl {
    line-height: 30px
}

.selector .setitle {
    border: 1px solid #ddd;
    z-index: 1000
}

.disabled .setitle {
    border-color: #ddd
}

.selector .setitle i {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -4px;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 6px solid #aaa;
    cursor: pointer
}

.selector .setitle a {
    display: block;
    height: 32px;
    text-overflow: ellipsis;
    line-height: 32px;
    white-space: nowrap;
    padding: 0 25px 0 10px;
    text-decoration: none;
    color: #333;
    background-color: #fff
}

.disabled .setitle a {
    color: #aaa
}

.disabled .setitle a,
.disabled .setitle i {
    cursor: not-allowed
}

.selector .selist {
    position: absolute;
    top: 33px;
    left: 0;
    opacity: 0;
    min-width: 100%;
    z-index: 99999;
    background-color: #fff;
    transition: opacity .3s ease-in-out;
    visibility: hidden;
    width: 0;
    height: 0;
    overflow: auto
}

.curse {
    position: relative;
    z-index: 100
}

.curse .setitle {
    border-color: #374fbb;
    box-shadow: 0 0 5px rgba(55, 79, 187, .5)
}

.curse .selist {
    z-index: 999;
    opacity: 1;
    border: 1px solid #374fbb;
    overflow-y: auto;
    box-shadow: 0 4px 12px rgba(0, 0, 0, .125);
    box-sizing: border-box;
    visibility: visible;
    max-height: 360px;
    max-width: 480px;
    width: auto;
    height: auto
}

.curse .setitle i {
    transform: rotate(180deg)
}

.selector .selist ul li {
    padding: 4px 10px;
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap
}

.selector .selist ul li:first-child {
    border-top: none
}

.selector .selist ul li:last-child {
    border-bottom: none
}

.selector .selist ul li.curli {
    background-color: #ddd;
    color: #000
}

.selector .selist ul li:hover {
    background-color: #374fbb;
    color: #fff
}

.errself+.selector .setitle {
    border: 1px solid #ea7975
}

.errself+.selector .setitle a {
    background-color: #ffe3e2
}

.pagination {
    font-size: 12px;
    text-align: center;
    height: 24px;
    padding: 10px;
    background-color: #f1f1f1;
    color: #666;
    border-radius: 2px
}

.pagination .pagUl {
    position: relative
}

.pagination .pagLi {
    position: relative;
    line-height: 22px;
    padding: 0 10px
}

.pagination .pagLi.pagChg {
    line-height: 22px
}

.pagination .pagLi.pagChg a {
    padding: 0 10px;
    float: left;
    color: #666;
    background-color: #fafafa;
    border: 1px solid #ddd;
    text-decoration: none;
    margin: 0 0 0 10px;
    border-radius: 1px;
    cursor: pointer
}

.pagination .pagLi.pagChg a:hover {
    color: #fff;
    background-color: #374fbb;
    border-color: #374fbb
}

.pagination .pagLi.pagChg a.disabled,
.pagination .pagLi.pagChg a.disabled:hover {
    color: #bbb;
    background-color: #fff;
    border-color: #ddd;
    text-decoration: none
}

.pagination .pagLi.pagChg span.curpage {
    padding: 0 0 0 20px;
    /* *padding: 0 0 0 7px */
}

.pagination .pagLi.pagChg span.totalpage {
    padding: 0 15px 0 0
}

.pagination .pagLi.pagNum {
    float: left;
    padding: 0 10px 0 0
}

.pagination .pagLi.pagChg,
.pagination .pagLi.pagJump,
.pagination .pagLi.pagSize {
    float: right
}

.pagination .pagLi.pagJump {
    padding: 0 0 0 10px
}

.pagination .selector {
    float: left
}

.pagination .selector .setitle a {
    height: 22px;
    line-height: 22px
}

.pagination .selector .selist {
    top: auto;
    bottom: 23px
}

.pagination .selector .selist ul li {
    line-height: 22px;
    padding: 0 10px;
    text-align: left
}

.pagination .selector .setitle i {
    margin-top: -2px
}

.pagination .pagLi .form-group {
    clear: both;
    line-height: 22px
}

.pagination .pagLi label {
    float: left;
    font-weight: 400;
    padding: 0 5px 0 0
}

.pagination .pagLi .select-group {
    float: left
}

.pagination .pagLi.pagNum label {
    padding: 0 20px 0 0
}

.pagination .pagLi.pagJump label {
    padding: 0
}

.pagination .pagLi label .curpage {
    padding: 0 0 0 20px
}

.pagination .pagLi .sps {
    font-size: 12px
}

.pagination .btn-group {
    float: left
}

.pagination .btn-group.jump-txt {
    padding: 0
}

.pagination .btn-group .btn-default {
    padding: 0 15px 0 0
}

.pagination .btn-group #thePage,
.pagination .btn-group .thePage {
    width: 45px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    padding: 0;
    position: relative;
    vertical-align: top;
    top: 0;
    top: -2px;
    border-radius: 2px;
    color: #666;
    margin: 0 0 0 5px
}

.pagination .btn-group #thePage.error,
.pagination .btn-group .thePage.error {
    border-color: #ea7975;
    background-color: #ffe2e1
}

.pagination .btn-group #btnJump {
    background-color: #fafafa;
    border: 1px solid #ddd;
    color: #666;
    height: 24px;
    line-height: 22px;
    margin: 0;
    padding: 0 10px;
    cursor: pointer;
    vertical-align: top;
    position: relative;
    top: 0;
    top: -2px;
    border-radius: 2px
}

.pagination .btn-group #btnJump:hover {
    background-color: #374fbb;
    color: #fff;
    border-color: #374fbb
}

.pagination .btn-group #btnJump[disabled] {
    background-color: #fff;
    color: #bbb;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination select {
    line-height: 28px;
    padding: 0;
    border: 1px solid #ccc;
    outline: none;
    width: 52px;
    color: #666
}

.pagination .se-border {
    border-radius: 2px
}

.ceng .pagination .pagLi.pagNum a {
    padding: 9px 10px
}

.ceng .pagination .pagLi.pagJump {
    display: none
}

.ceng .pagination .pagLi {
    padding: 0 6px
}

.page-feature {
    position: relative;
    border-bottom: 1px solid #eee
}

.page-feature li a {
    display: block;
    position: relative;
    height: 38px;
    font-size: 14px;
    line-height: 38px;
    text-align: center;
    padding: 0 20px
}

.page-feature li {
    margin-bottom: -3px
}

.page-feature li a:hover {
    color: #278add
}

.page-feature .fea-line {
    border-bottom: 1px solid #eee;
    clear: both;
    height: 0
}

.page-feature li a:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    content: "";
    height: 2px;
    background-color: #fff;
    transition: all .3s ease
}

.page-feature li.cur a {
    color: #2296d7
}

.page-feature li.cur a:after,
.page-feature li a:hover:after {
    background-color: #2296d7;
    left: 0;
    width: 100%;
    margin: 0
}

.page-feature.card li {
    margin-bottom: -1px
}

.page-feature.card li+li {
    margin-left: -1px
}

.page-feature.card li a {
    border: 1px solid #ddd;
    border-bottom: none;
    height: 44px;
    line-height: 44px;
    background-color: #f6f6f6
}

.page-feature.card li.cur a {
    border-bottom: 1px solid #fff;
    background-color: #fff
}

.page-feature.card li a:after {
    bottom: auto;
    top: -1px
}

.page-tab.with-search {
    padding: 50px 0 0
}

.page-tab .tab-header {
    position: relative;
    z-index: 3
}

.page-tab .tab-header .thone {
    float: left
}

.page-tab .tab-body {
    position: relative;
    z-index: 2
}

.page-tab .tab-body .tbone {
    position: relative;
    width: 100%;
    height: 0;
    overflow: hidden;
    z-index: 0;
    opacity: .5;
    visibility: hidden;
    transform-origin: center top 0;
    transform: translateY(-10px);
    transition: opacity .3s ease .1s, transform .3s ease;
    display: none
}

.page-tab .tab-body .tbone.cur {
    display: block;
    z-index: 3;
    opacity: 1;
    height: auto;
    visibility: visible;
    transform: translateY(0);
    overflow: visible
}

.page-tab.line .tab-header {
    border-bottom: 2px solid #ddd;
    height: 38px
}

.page-tab.line .tab-header .radio-group {
    padding-top: 0
}

.page-tab.line .radione {
    padding: 0 20px;
    height: 38px;
    line-height: 38px
}

.page-tab.line .radione i {
    display: none
}

.page-tab.line .radione:after {
    position: absolute;
    bottom: -2px;
    left: 50%;
    width: 0;
    content: "";
    height: 2px;
    background-color: #ddd;
    transition: all .3s ease
}

.page-tab.line .radione.checked:after,
.page-tab.line .radione:hover:after {
    background-color: #374fbb;
    left: 0;
    width: 100%;
    margin: 0;
    box-shadow: 0 0 5px rgba(55, 79, 187, .5)
}

.page-tab.box .tab-header {
    border-bottom: 1px solid #ddd;
    margin-bottom: -1px
}

.page-tab.box .radione {
    padding: 0 20px;
    background-color: #f8f8f8;
    height: 32px;
    line-height: 32px;
    border: 1px solid #ddd;
    border-top: 2px solid #ddd;
    border-bottom: none
}

.page-tab.box .radione+.radione {
    margin-left: -1px
}

.page-tab.box .radione.checked {
    background-color: #fff;
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    position: relative
}

.page-tab.box .radione:after {
    position: absolute;
    top: -2px;
    left: 50%;
    width: 0;
    content: "";
    height: 2px;
    background-color: #ddd;
    transition: all .3s ease
}

.page-tab.box .radione.checked:after,
.page-tab.box .radione:hover:after {
    background-color: #374fbb;
    left: 0;
    width: 100%;
    margin: 0
}

.page-tab.box .radione i {
    display: none
}

.page-tab.vline .radione span {
    color: #aaa
}

.page-tab.vline .radione.isrender {
    padding: 0 24px 0 16px
}

.page-tab.vline .radione i {
    border-radius: 1px;
    border: none;
    z-index: 1
}

.page-tab.vline .radione i:after {
    display: none
}

.page-tab.vline .radione:after,
.page-tab.vline .radione i {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -10px;
    width: 3px;
    height: 20px;
    background-color: #bbb
}

.page-tab.vline .radione:hover i {
    background-color: #374fbb
}

.page-tab.vline .radione i {
    transform: scaleY(0)
}

.page-tab.vline .radione.checked i,
.page-tab.vline .radione:hover i {
    background-color: #374fbb;
    transform: scaleY(1)
}

.page-tab.vline .radione.checked span,
.page-tab.vline .radione:hover span {
    color: #374fbb
}

.page-tab.fullbox .radione {
    padding: 0 10px;
    height: 28px;
    line-height: 28px;
    border: 1px solid #374fbb
}

.page-tab.fullbox .radione i {
    display: none
}

.page-tab.fullbox .radione:first-child {
    border-radius: 2px 0 0 2px
}

.page-tab.fullbox .radione:last-child {
    border-radius: 0 2px 2px 0
}

.page-tab.fullbox .radione+.radione {
    border-left: none
}

.page-tab.fullbox .radione.checked {
    background-color: #374fbb
}

.page-tab.fullbox .radione span {
    color: #374fbb
}

.page-tab.fullbox .radione.checked span {
    color: #fff
}

.input-group {
    line-height: 30px
}

.input-group label {
    display: table;
    border-collapse: separate;
    width: 100%
}

.input-group .txt {
    border-radius: 2px 0 0 2px;
    font-size: 12px;
    box-sizing: border-box;
    display: table-cell;
    width: 100%
}

.input-group button,
.input-group span {
    background-color: #f8f8f8;
    height: 34px;
    border: 1px solid #ddd;
    width: 42px;
    white-space: nowrap;
    color: #888;
    font-size: 12px;
    text-align: center
}

.input-group span {
    height: 32px;
    line-height: 32px
}

.input-group span+.txt {
    margin: 0 0 0 -1px;
    border-radius: 0 2px 2px 0
}

.input-group .txt+span,
.input-group .txt+span button {
    border-left: none;
    border-radius: 0 2px 2px 0
}

.input-group span {
    vertical-align: middle;
    display: table-cell
}

.input-group.button span {
    padding: 0;
    border: none;
    vertical-align: top
}

.input-group.button button {
    cursor: pointer
}

.input-group.button button:before {
    color: #888;
    font-size: 14px
}

.input-group.inline {
    display: inline-block
}

.input-group.inline .txt,
.input-group.inline label {
    width: 204px
}

.txt-group {
    line-height: 34px;
    display: inline-block
}

.search-group .txt {
    border-right: none
}

.search-group button,
.search-group span {
    border: none;
    line-height: 34px;
    height: 34px
}

.search-group span button {
    background-color: #595f75;
    border-radius: 0 2px 2px 0
}

.search-group button.icon-search:before {
    color: #fff
}

.radio-group {
    line-height: 20px;
    padding-top: 7px
}

.radione {
    cursor: pointer;
    display: block;
    padding: 0 20px;
    position: relative
}

.radione.inline {
    float: left
}

.radione input[type=radio] {
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: 50%;
    margin-top: -8px
}

.radione.isrender {
    padding: 0 20px 0 22px
}

.radione.isrender input[type=radio] {
    display: none
}

.radione i.radicon {
    border: 1px solid #bbb;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: relative;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px
}

.radione i.radicon:after {
    content: "";
    border-radius: 50%;
    height: 10px;
    width: 10px;
    position: absolute;
    left: 3px;
    top: 3px;
    display: block;
    transform: scale(0);
    transition: transform .3s ease
}

.radione span {
    display: inline-block
}

.radione a {
    display: block
}

.radione.checked a,
.radione.checked span {
    color: #374fbb
}

.radione.checked i {
    border-color: #babcc6
}

.radione.checked i:after {
    background-color: #374fbb;
    transform: scale(1)
}

.radione.vt i.radicon {
    top: 4px;
    margin-top: 0
}

.radione.disabled {
    color: #aaa;
    cursor: not-allowed
}

.radione.disabled i {
    border-color: #ccc
}

.radione.disabled i:after {
    background-color: #ccc
}

.radione.disabled.checked i {
    border-color: #a2b3ff
}

.radione.disabled.checked i:after {
    background-color: #a2b3ff
}

.check-group {
    line-height: 20px;
    padding: 7px 0;
    text-align: left
}

.checkone {
    cursor: pointer;
    display: block;
    padding: 0 20px;
    position: relative
}

.checkone.inblock {
    display: inline-block
}

.checkone.disabled {
    cursor: not-allowed;
    color: #888
}

.checkone.disabled i {
    border: 1px solid #ddd
}

.checkone.inline {
    float: left
}

.checkone input[type=checkbox] {
    width: 16px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px
}

.checkone.isrender {
    padding: 0 10px 0 24px
}

.checkone.isrender input[type=checkbox] {
    display: none
}

.checkone i {
    border: 1px solid #bbb;
    margin: 1px;
    border-radius: 2px;
    width: 16px;
    height: 16px;
    background-color: #fafafa;
    top: 50%;
    margin-top: -9px;
    line-height: 20px;
    text-align: center
}

.checkone i,
.checkone i:after {
    position: absolute;
    display: block;
    left: 0
}

.checkone i:after {
    content: "";
    top: 0;
    color: #ccc;
    width: 100%;
    height: 100%
}

.checkone.checked i {
    border-color: #374fbb;
    background-color: #374fbb
}

.checkone.checked.disabled i {
    background-color: #ccc;
    border-color: #aaa
}

.checkone.checked i:after {
    content: "\E90C";
    font-family: icomoon !important;
    color: #fff;
    transform: scale(.85);
    position: relative;
    left: -2px;
    text-shadow: 1px 1px 0 #283fa4
}

.checkone.checked.disabled i:after {
    text-shadow: 0 2px 0 #9e9e9e
}

.btn-group {
    position: relative
}

.btn-group button {
    border-radius: 0;
    border: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    color: #666;
    transition: all .3s ease;
    padding: 0 15px;
    background-color: #fff;
    cursor: pointer
}

.btn-group button:hover {
    background-color: #dfdfdf;
    border-color: #bbb;
    position: relative;
    opacity: .8
}

.btn-group button:first-child {
    border-radius: 3px 0 0 3px
}

.btn-group button:last-child {
    border-radius: 0 3px 3px 0
}

.btn-group button+button {
    margin-left: -1px
}

.btn-group .btn.btn-blue {
    border-color: #1975c1;
    background-color: #278add;
    color: #fff;
    text-shadow: 1px 1px 0 #1975c1
}

.btn-group .btn.btn-green {
    border-color: #4dab31;
    background-color: #6dbb56;
    color: #fff;
    text-shadow: 1px 1px 0 #4dab31
}

.btn-group .btn.btn-red {
    border-color: #d04040;
    background-color: #ff5253;
    color: #fff;
    text-shadow: 1px 1px 0 #d04040
}

.btn-group.order button:hover {
    z-index: 2
}

.btn-group.order .btn,
.btn-group.order .btn:hover {
    position: relative;
    z-index: 3
}

.popop {
    position: relative
}

.popop .popsub {
    position: absolute;
    background-color: #faf8e3;
    border: 1px solid #d8d4a8;
    box-shadow: 0 1px 5px rgba(145, 104, 25, .22);
    padding: 10px;
    line-height: 24px;
    opacity: 0;
    visibility: hidden;
    max-width: 450px;
    z-index: 99;
    width: 200px;
    left: -106px
}

.popop .popsub:after {
    content: "";
    position: absolute;
    display: block
}

.popop:hover .popsub {
    opacity: 1;
    visibility: visible
}

.pop-top .popsub:after {
    bottom: -6px;
    left: 50%;
    margin-left: -3px;
    border-width: 6px 6px 0;
    border-color: #d8d4a8 transparent transparent;
    border-style: dashed dashed solid
}

.pop-right .popsub:after {
    border-width: 6px 0 6px 6px;
    border-color: transparent transparent transparent #d8d4a8;
    border-style: dashed dashed dashed solid
}

.pop-bottom .popsub:after {
    top: -6px;
    left: 50%;
    margin-left: -3px;
    border-width: 0 6px 6px;
    border-color: transparent transparent #d8d4a8;
    border-style: solid dashed dashed
}

.pop-left .popsub:after {
    border-width: 6px 6px 6px 0;
    border-color: transparent #d8d4a8;
    border-style: dashed solid dashed dashed
}

.puipop {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    transform: scale(.75)
}

.puipop.fadeIn {
    visibility: visible;
    opacity: 1;
    transform: scale(1)
}

.puipop i.corner,
.puipop i.corner:after {
    border: 6px solid transparent;
    position: absolute
}

.puipop i.corner:after {
    content: ""
}

.puipop.top-left i.corner {
    bottom: -12px;
    left: 14px;
    border-top: 6px solid #c7b058
}

.puipop.top-left i.corner:after {
    bottom: -5px;
    left: -6px;
    border-top: 6px solid #f5f0c2
}

.puipop.top i.corner {
    bottom: -12px;
    left: 50%;
    margin-left: -6px;
    border-top: 6px solid #c7b058
}

.puipop.top i.corner:after {
    bottom: -5px;
    left: -6px;
    border-top: 6px solid #f5f0c2
}

.puipop.top-right i.corner {
    bottom: -12px;
    right: 14px;
    border-top: 6px solid #c7b058
}

.puipop.top-right i.corner:after {
    bottom: -5px;
    left: -6px;
    border-top: 6px solid #f5f0c2
}

.puipop.bottom-left i.corner {
    top: -12px;
    left: 14px;
    border-bottom: 6px solid #c7b058
}

.puipop.bottom-left i.corner:after {
    top: -5px;
    left: -6px;
    border-bottom: 6px solid #f5f0c2
}

.puipop.bottom i.corner {
    top: -12px;
    left: 50%;
    margin-left: -6px;
    border-bottom: 6px solid #c7b058
}

.puipop.bottom i.corner:after {
    top: -5px;
    left: -6px;
    border-bottom: 6px solid #f5f0c2
}

.puipop.bottom-right i.corner {
    top: -12px;
    right: 14px;
    border-bottom: 6px solid #c7b058
}

.puipop.bottom-right i.corner:after {
    top: -5px;
    left: -6px;
    border-bottom: 6px solid #f5f0c2
}

.puipop.left-top i.corner {
    right: -12px;
    top: 14px;
    border-left: 6px solid #c7b058
}

.puipop.left-top i.corner:after {
    right: -5px;
    top: -6px;
    border-left: 6px solid #f5f0c2
}

.puipop.left i.corner {
    right: -12px;
    top: 50%;
    margin-top: -6px;
    border-left: 6px solid #c7b058
}

.puipop.left i.corner:after {
    right: -5px;
    top: -6px;
    border-left: 6px solid #f5f0c2
}

.puipop.left-bottom i.corner {
    right: -12px;
    bottom: 14px;
    border-left: 6px solid #c7b058
}

.puipop.left-bottom i.corner:after {
    right: -5px;
    top: -6px;
    border-left: 6px solid #f5f0c2
}

.puipop.right-top i.corner {
    left: -12px;
    top: 14px;
    border-right: 6px solid #c7b058
}

.puipop.right-top i.corner:after {
    left: -5px;
    top: -6px;
    border-right: 6px solid #f5f0c2
}

.puipop.right i.corner {
    left: -12px;
    top: 50%;
    margin-top: -6px;
    border-right: 6px solid #c7b058
}

.puipop.right i.corner:after {
    left: -5px;
    top: -6px;
    border-right: 6px solid #f5f0c2
}

.puipop.right-bottom i.corner {
    left: -12px;
    bottom: 14px;
    border-right: 6px solid #c7b058
}

.puipop.right-bottom i.corner:after {
    left: -5px;
    top: -6px;
    border-right: 6px solid #f5f0c2
}

.puipop .inner {
    border: 1px solid #deca80;
    background-color: #f5f0c2;
    border-radius: 4px
}

.puipop .inner .onlytxt {
    padding: 5px 10px;
    line-height: 20px;
    max-width: 360px;
    color: #98622d
}

.puipop .pop-ready {
    display: block
}

.puipop .pop-confirm {
    padding: 10px;
    min-width: 90px;
    max-width: 360px
}

.puipop .pop-confirm .pop-comf-cont {
    padding: 0 0 10px
}

.puipop .pop-confirm .pop-comf-btn button {
    height: 24px;
    line-height: 23px;
    padding: 0 8px
}

.puipop .pop-confirm .pop-comf-btn button.btn-no {
    background-color: #ffe;
    border: 1px solid #deca80;
    color: #98622d
}

.puipop .pop-confirm .pop-comf-btn button.btn-yes {
    background-color: #278add;
    border: 1px solid #1182bd;
    color: #fff
}

.puipop .pop-confirm .pop-comf-btn button+button {
    margin: 0 0 0 10px
}

.errtip {
    position: absolute;
    bottom: -30px;
    background-color: #ea7975;
    z-index: 1;
    color: #fff;
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
    border-radius: 3px;
    box-shadow: 1px 1px 3px rgba(217, 84, 79, .5);
    white-space: nowrap
}

.errtip:after {
    content: "";
    position: absolute;
    border-left: 5px dashed transparent;
    border-right: 5px dashed transparent;
    border-bottom: 5px solid #ea7975;
    left: 20px;
    top: -5px
}

.txt+.errtip {
    bottom: -30px
}

.col-val {
    position: relative
}

.required .col-key span:before {
    content: "*";
    color: red;
    padding: 0 8px 0 0
}

.pui-tags {
    line-height: 32px
}

.pui-tags li {
    position: relative;
    margin: 0 10px 10px 0
}

.pui-tags li span {
    display: block;
    padding: 0 34px 0 12px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.pui-tags li i {
    position: absolute;
    height: 34px;
    width: 34px;
    line-height: 34px;
    display: block;
    top: 0;
    right: 0;
    color: #aaa;
    font-family: Verdana;
    cursor: pointer
}

.pui-tags li:hover i {
    color: #000;
    transform: rotate(90deg)
}

.pui-tags.r {
    min-height: 34px;
    padding: 3px 0
}

.pui-tags.r li {
    margin: 0 10px 7px 0
}

.pui-tags.r li span {
    background-color: #fe5252;
    border-color: #fe5252;
    border-radius: 28px;
    color: #fff;
    line-height: 26px;
    min-height: 26px;
    max-width: 420px
}

.pui-tags.r li i {
    color: #fff;
    line-height: 28px;
    height: 28px
}

.page-notice {
    background-color: #ffffcd;
    padding: 10px;
    border: 1px solid #efe5db;
    border-radius: 3px
}

.page-notice p {
    line-height: 22px
}

.page-notice ul {
    padding: 0 0 0 25px
}

.page-notice ul li {
    list-style: outside disc;
    padding: 3px 0 0
}

.page-feature+.page-notice,
.page-notice+.setFunction {
    margin-top: -1px
}

.ceng-ready,
.pop-ready {
    display: none;
    height: 100%;
    overflow: auto
}

.ceng-black {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    background-color: #000;
    height: 100%;
    width: 100%;
    _height: expression(document.body.offsetHeight+"px");
    transition: opacity .2s ease
}

.ceng {
    position: fixed;
    box-shadow: 0 1px 15px rgba(0, 0, 0, .2);
    border-radius: 4px;
    transition: opacity .2s ease, transform .2s ease
}

.ceng-title {
    background-color: #fff;
    color: #454545;
    height: 45px;
    font: 700 13px/45px Microsoft YaHei;
    position: relative;
    padding: 0 50px 0 15px;
    border-radius: 2px 2px 0 0;
    cursor: move;
    border-bottom: 1px solid #ddd
}

.ceng-title p {
    width: 100%
}

.ceng-title a {
    width: 45px;
    display: block;
    height: 45px;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0 2px 0 0
}

.ceng-title a:hover {
    text-decoration: none
}

.ceng-title a i.icon-close {
    display: block;
    height: 45px;
    line-height: 45px;
    font-size: 16px;
    text-align: center;
    color: #454545
}

.ceng-title a:hover i.icon-close {
    transform: rotate(90deg)
}

.ceng-content {
    word-break: break-all;
    position: relative
}

.ceng-msg {
    color: #fff;
    background-color: rgba(80, 80, 80, .8);
    padding: 20px 25px;
    min-width: 60px;
    max-width: 400px;
    border-radius: 3px;
    position: fixed;
    text-align: center;
    line-height: 1.75
}

.ceng-msg .ceng-content {
    font-size: 12px
}

.ceng-msg .ceng-content i.icon.icon-state {
    width: 40px;
    height: 40px;
    line-height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    font-size: 24px
}

.ceng-msg.notice .ceng-content,
.ceng-msg.resolve .ceng-content {
    padding-left: 36px;
    text-align: left
}

.ceng-msg.notice {
    background-color: rgba(217, 84, 79, .9)
}

.ceng-msg.resolve {
    background-color: rgba(55, 79, 187, .9)
}

.ceng-alert,
.ceng-comfirm,
.ceng-iframe {
    background-color: #fff;
    min-width: 400px
}

.ceng-alert .ceng-content,
.ceng-comfirm .ceng-content {
    padding: 30px;
    font-size: 14px;
    line-height: 1.75;
    text-align: center
}

.ceng-alert .ceng-btn,
.ceng-comfirm .ceng-btn {
    padding: 19px 0
}

.comfirm2,
.hello2 {
    border-radius: 5px;
    border: 8px solid rgba(0, 0, 0, .8);
    padding: 0;
    box-shadow: 0 0 20px rgba(0, 0, 0, .2)
}

.comfirm2 .ceng-title,
.hello2 .ceng-title {
    background-color: #fff;
    border-bottom: none
}

.comfirm2 .ceng-title a i.icon-close,
.hello2 .ceng-title a i.icon-close {
    color: #374fbb
}

.comfirm2 .ceng-title a:hover,
.hello2 .ceng-title a:hover {
    background-color: #eee
}

.comfirm2 .ceng-content {
    padding: 10px 100px 40px;
    font-size: 20px;
    line-height: 34px
}

.comfirm2 .ceng-btn,
.hello2 .ceng-btn {
    background-color: transparent;
    border: none
}

.ceng-ant {
    transition: all .2s ease
}

.ceng-iframe .ceng-content {
    overflow: hidden
}

.ceng-iframe .ceng-content iframe {
    width: 100%;
    height: 100%
}

.ceng-comfirm,
.ceng-hello {
    background-color: #fff
}

.ceng-hello .ceng-content {
    overflow: auto
}

.ceng-btn {
    border-radius: 0 0 2px 2px;
    padding: 19px 0;
    background-color: #fff
}

.ceng-btn .btn {
    background-color: #fafafa;
    border: 1px solid #374fbb;
    color: #374fbb;
    padding: 0 30px;
    border-radius: 1px;
    margin: 0 5px;
    font-size: 13px;
    height: 26px;
    line-height: 26px
}

.ceng-btn a.btn {
    height: 24px;
    line-height: 24px
}

.ceng-btn .btn.btn0 {
    background-color: #374fbb;
    border-color: #374fbb;
    color: #fff
}

.ceng-btn .absolutecenter .acsub+.acsub {
    margin: 0 0 0 5px
}

.ceng-btn .btn.btnX {
    background-color: #ff9f1a;
    color: #fff;
    border: 1px solid #ff9f1a
}

.ceng {
    opacity: 0;
    transform: translateY(-5px)
}

.ceng.fadeIn {
    opacity: 1;
    transform: translateY(0)
}

.ceng .ceng-btn {
    border-top: 1px solid #eee
}

.ceng-btn .pdr10 {
    padding: 0
}

.ceng.ceng-loading {
    box-shadow: none
}

.ceng-loader {
    width: 150px;
    text-align: center
}

.ceng-loader>div {
    width: 18px;
    height: 18px;
    background-color: #374fbb;
    margin: 0 5px;
    border-radius: 100%;
    display: inline-block;
    animation: bouncedelay 1.4s infinite ease-in-out;
    animation-fill-mode: both
}

.ceng-loader .bounce1 {
    animation-delay: -.32s
}

.ceng-loader .bounce2 {
    animation-delay: -.16s
}

/* @-webkit-keyframes bouncedelay {

    0%,
    80%,
    to {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
} */

/* @keyframes bouncedelay {

    0%,
    80%,
    to {
        transform: scale(0);

    }

    40% {
        transform: scale(1);

    }
} */

.daterbox {
    position: relative;
    background-color: #fff
}

.daterbox input.txtdater {
    width: 100%;
    background-color: transparent;
    box-sizing: border-box;
    height: 34px;
    line-height: 34px;
    font-size: 12px;
    position: relative;
    z-index: 2;
    color: #000
}

.daterbox input.txtdater[disabled] {
    color: #bbb;
    background-color: #f5f5f5
}

.daterbox>.icon,
.selectDate .icon {
    z-index: 1
}

.daterbox .dater,
.daterbox.show input.txtdater {
    border: 1px solid #374fbb
}

.daterbox .dater {
    position: absolute;
    width: 100%;
    background-color: #fff;
    border-width: 0 1px 1px;
    padding: 3px;
    box-sizing: border-box;
    font-size: 12px;
    transition: all .2s ease;
    box-shadow: 0 0 8px rgba(80, 124, 243, .432);
    visibility: hidden;
    opacity: 0;
    transform: translateY(-20px);
    z-index: 999
}

.daterbox.show .dater {
    visibility: visible;
    opacity: 1;
    transform: translateY(0)
}

.dater {
    overflow: hidden
}

.dater .daterPicker {
    position: relative;
    line-height: 30px
}

.dater .daterPicker b {
    font-weight: 400;
    padding: 0 5px
}

.dater .daterPicker span {
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: block;
    position: absolute;
    top: 0;
    text-align: center
}

.dater .daterPicker b,
.dater .daterPicker span {
    cursor: pointer
}

.dater .daterPicker span.toleft {
    left: 0
}

.dater .daterPicker span.toright {
    right: 0
}

.dater .daterPicker span.prevMonth,
.dater .daterPicker span.prevYear {
    left: 0
}

.dater .daterPicker span.nextMonth,
.dater .daterPicker span.nextYear {
    right: 0
}

.dater .seleym {
    padding: 0 60px;
    text-align: center
}

.dater .seleym .selem,
.dater .seleym .seley {
    color: #000;
    transition: opacity .3s ease
}

.dater .seleym .selem.check,
.dater .seleym .seley.check {
    color: #278add
}

.dater .daterWeek span {
    line-height: 30px
}

.dater .selectingDay {
    position: relative;
    z-index: 2
}

.dater .daterWeek span,
.dater .listDay span {
    width: 14.285714%;
    float: left;
    text-align: center;
    display: block
}

.dater .listDay span {
    line-height: 24px;
    cursor: pointer;
    transition: all .2s ease
}

.dater .listDay span:hover {
    background-color: #ebefff
}

.dater .listDay span.bro {
    color: #909fe4
}

.dater .listDay span.click,
.dater .listDay span.curday {
    background-color: #374fbb;
    color: #fff;
    border-radius: 1px
}

.dater .listDay span.outside {
    color: #ddd;
    cursor: not-allowed
}

.dater .selectingMonth span.cur,
.dater .selectingYear span.cur {
    background-color: #374fbb;
    color: #fff;
    border-radius: 1px
}

.dater .selectingMonth,
.dater .selectingYear {
    position: absolute;
    bottom: 45px;
    left: 0;
    width: 100%;
    background-color: #fff;
    visibility: hidden;
    opacity: 0;
    padding: 10px 5px 20px;
    z-index: 1;
    box-sizing: border-box;
    transform: scale(.2);
    transition: all .5s ease
}

.dater .selectingMonth.showing,
.dater .selectingYear.showing {
    opacity: 1;
    z-index: 3;
    transform: scale(1);
    visibility: visible
}

.dater .selectingMonth span,
.dater .selectingYear span {
    width: 25%;
    float: left;
    height: 45px;
    line-height: 45px;
    text-align: center;
    cursor: pointer
}

.dater .selectingYear span.bro {
    color: #68849a
}

.dater .selectingMonth span.outside,
.dater .selectingYear span.outside {
    color: #ddd;
    cursor: default
}

.dater .selectingYear .prev {
    transform: translateX(-10px)
}

.dater .selectingYear .next,
.dater .selectingYear .prev {
    position: relative;
    visibility: hidden;
    transition: all .3s ease
}

.dater .selectingYear .next {
    transform: translateX(10px)
}

.dater .selectingYear .next.into,
.dater .selectingYear .prev.into {
    visibility: visible;
    transform: translateX(0)
}

.dater .selectingFunc {
    clear: both;
    padding: 3px 0 0;
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    position: relative;
    z-index: 3
}

.dater .selectingFunc .daterTime {
    line-height: 24px;
    text-align: center;
    float: left;
    padding: 0 0 0 4px
}

.dater .selectingFunc .daterTime span {
    padding: 0 2px;
    float: left
}

.dater .selectingFunc .daterTime input {
    width: 24px;
    height: 24px;
    float: left;
    padding: 0;
    border: none;
    text-align: center;
    font-size: 12px
}

.dater .selectingFunc .daterTime input[disabled] {
    color: #ddd
}

.dater .selectingFunc .daterBtn {
    line-height: 1
}

.dater .selectingFunc .daterBtn button {
    border: none;
    line-height: 24px;
    height: 24px;
    width: 33.33333%;
    background-color: #9cb1eb;
    font-size: 12px;
    cursor: pointer;
    outline: none;
    border-radius: 1px;
    transition: all .3s ease;
    box-sizing: border-box
}

.dater .selectingFunc .daterBtn button+button {
    border-left: 3px solid #fff
}

.dater .selectingFunc .daterBtn button:hover {
    background-color: #374fbb;
    color: #fff
}

.dater .selectingFunc .daterTime+.daterBtn {
    float: right
}

.dater .selectingFunc .daterTime+.daterBtn button {
    width: 42px
}

.iscal .dater {
    box-shadow: none;
    border: none;
    position: relative
}

.iscal .dater .selectingMonth,
.iscal .dater .selectingYear {
    bottom: 0;
    padding: 20px 5px
}

.iscal .dater .selectingFunc,
.iscal input {
    display: none
}

.iscal .dater .daterPicker span {
    position: static;
    display: inline;
    padding: 0 10px
}

.iscal .dater .daterPicker span.today {
    padding: 0 10px 0 0
}

.iscal .dater .seleym {
    display: inline;
    padding: 0 10px
}

.iscal .dater .daterPicker {
    text-align: center
}

.ext-body.loop .inner {
    position: relative;
    padding: 0 0 0 30px
}

.ext-body.loop .inner i.icon {
    position: absolute;
    left: 0;
    top: 0
}

.ext-body.loop .icon-toggle {
    line-height: 32px
}

.ext-body.loop .icon-toggle:before {
    content: "";
    transform: rotate(0deg);
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-top: 5px solid #666;
    float: left;
    margin: 13px 5px 0 0
}

.ext-body.loop .icon-toggle:after {
    content: "@";
    float: left
}

.ext-body.loop .icon-toggle.expand:before {
    content: "";
    transform: rotate(-90deg);
    margin: 11px 5px 0 0
}

.ext-body.loop .icon-toggle.expand:after {
    content: "*"
}

.ext-body .icon-toggle:after {
    content: "-"
}

.ext-body .icon-toggle.expand:after {
    content: "+"
}

.c-blue {
    color: #2296d7
}

.c-orange {
    color: #fe6720
}

.c-red {
    color: #ff5353
}

.c-brown {
    color: #5a5350
}

.c-green {
    color: #6dbb56
}

.c-gray1 {
    color: #000
}

.c-gray2 {
    color: #333
}

.c-gray3 {
    color: #666
}

.c-gray4 {
    color: #aaa
}

.c-gray5 {
    color: #ddd
}

.c-white {
    color: #fff
}

.c-black {
    color: #000
}

.c-pink {
    color: #f54d80
}

.c-yellow {
    color: #f0b23b
}

.c-primary {
    color: #374fbb
}

.c-secondary {
    color: #ff9f1a
}

.bgc-red {
    background-color: #ff5253
}

.bgc-red-light {
    background-color: #f9b9b9
}

.bgc-blue {
    background-color: #374fbb
}

.bgc-blue-light {
    background-color: #98bad6
}

.bgc-orange {
    background-color: #fe6720
}

.bgc-green {
    background-color: #6cba55
}

.bgc-gray1 {
    background-color: #454545
}

.bgc-gray2 {
    background-color: #666
}

.bgc-gray3 {
    background-color: #888
}

.bgc-gray4 {
    background-color: #aaa
}

.bgc-gray5 {
    background-color: #ddd
}

.bgc-gray6 {
    background-color: #eee
}

.bgc-gray7 {
    background-color: #f6f6f6
}

.bgc-white {
    background-color: #fff
}

.bgc-yellow {
    background-color: #ffffcd
}

.bgc-primary {
    background-color: #374fbb
}

.bc-blue {
    border-color: #1182bd
}

.bc-green {
    border-color: #4dab31
}

.bc-red {
    border-color: #ff5253
}

.bc-primary {
    border-color: #374fbb
}

.btn-blue {
    background-color: #278add;
    border-color: #1182bd;
    color: #fff;
    text-shadow: 1px 1px 0 #1182bd
}

.btn-green {
    background-color: #6dbb56;
    border-color: #4dab31;
    color: #fff;
    text-shadow: 1px 1px 0 #4dab31
}

.btn-red {
    background-color: #ff5353;
    border-color: #d04040;
    color: #fff;
    text-shadow: 1px 1px 0 #d04040
}

.btn-yellow {
    background-color: #fda62b;
    border-color: #fda62b;
    color: #fff;
    text-shadow: 1px 1px 0 #bb6e00
}

.btn-brown {
    background-color: #9a6732;
    border-color: #9a6732;
    color: #fff;
    text-shadow: 1px 1px 0 #714920
}

.btn-primary {
    background-color: #374fbb;
    border-color: #374fbb;
    color: #fff
}
.btn-primary:hover {
    background-color: #278add;
    border-color: #278add;
    color: #fff;
}

.btn-secondary {
    background-color: #ff9e19;
    border-color: #ff9e19;
    color: #fff
}
.btn-secondary:hover {
    background-color: #ff9f17;
    border-color: #f5a535;
    color: #fff
}
.btn-common.btn-primary {
    color: #374fbb;
    background-color: transparent;
    border-color: #374fbb
}

.btn-common.btn-primary:hover {
    background-color: #374fbb;
    color: #fff
}

.btn-common.btn-secondary {
    color: #ff9f17;
    background-color: transparent;
    border-color: #ff9f17
}

.btn-common.btn-secondary:hover {
    background-color: #ff9f17;
    color: #fff
}

html {
    overflow-y: scroll
}

body {
    background-color: #eee
}

.widthly {
    margin: 0 20px
}

h1.pui-title {
    font-size: 20px
}

h1.pui-title,
h6.pui-subtitle {
    line-height: 30px
}

h2.pui-category {
    line-height: 27px;
    color: #374fbb;
    padding: 0 0 10px
}

h3.pui-subname {
    font-size: 16px;
    line-height: 40px;
    font-weight: 400
}

.ico {
    background-image: url(./images/pageico.png?a7bff631);
    background-repeat: no-repeat
}

.ico-new {
    background-position: -60px 0
}

.ico-ing {
    background-position: 0 0
}

.ico-create {
    background-position: -112px 0
}

.ico-project {
    background-position: -202px 0
}

.login-header {
    background-color: #fff;
    border-bottom: 2px solid #278add
}

.login-header,
.login-header .header-left {
    height: 55px;
    line-height: 55px
}

.login-header .header-left .header-logo {
    display: table-cell;
    vertical-align: middle
}

.login-header .header-left img {
    width: 84px;
    height: 30px;
    background-color: #eee;
    font-size: 0;
    vertical-align: middle;
    margin-top: -3px
}

.login-banner {
    position: relative;
    height: 320px;
    background-color: #455866;
    z-index: 1
}

.login-body {
    position: relative;
    top: 120px;
    width: 420px;
    padding: 30px 30px 100px;
    z-index: 2;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px
}

.login-body .login-logo {
    width: 200px;
    height: 100px;
    background-color: #eee;
    margin: 0 auto;
    display: table-cell;
    vertical-align: middle
}

.login-body .login-logo img {
    vertical-align: middle
}

.login-body .login-container .col-lan {
    padding: 0 0 0 40px;
    margin: 15px 0 0;
    height: 40px
}

.login-body .login-container .col-key {
    width: 40px;
    left: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid #ddd;
    border-right: none
}

.login-body .login-container .col-val .txt {
    height: 42px;
    line-height: 42px
}

.login-body .login-container .btn {
    height: 45px;
    line-height: 45px
}

.page-albums {
    height: 70px;
    padding: 20px 0;
    background-color: #44525f;
    margin: 0 0 30px
}

.page-albums .widthly {
    padding: 0 100px 0 0
}

.page-albums h2 {
    text-shadow: 2px 2px 0 rgba(30, 30, 30, .35);
    line-height: 40px;
    letter-spacing: 1px
}

.page-albums .albums-info {
    opacity: .3;
    line-height: 30px
}

.page-albums .albums-info p {
    padding: 0 20px 0 0
}

.page-albums .albums-overdate {
    right: 0;
    top: 0;
    line-height: 36px;
    opacity: .75
}

.home-main {
    height: 250px;
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 0 600px 0 0;
    margin: 0 0 30px
}

.home-main .main-info {
    border-right: 1px solid #ddd;
    height: 250px;
    padding: 0 30px
}

.home-main .main-info .row {
    font-size: 12px;
    line-height: 24px;
    padding: 25px 0 0
}

.home-main .main-create {
    width: 250px;
    height: 250px;
    right: 350px;
    top: 0;
    border-right: 1px solid #ddd
}

.home-main .main-create .create-btn {
    margin: 30px 0 0;
    line-height: 20px
}

.home-main .main-create .create-btn a {
    display: inline-block;
    width: 90px;
    height: 90px
}

.home-main .main-create p {
    position: absolute;
    width: 100%;
    line-height: 24px;
    bottom: 25px
}

.home-main .main-create .ico-new {
    width: 50px;
    height: 50px;
    right: -1px;
    top: -1px
}

.home-main .main-adver {
    padding: 15px;
    right: 0;
    top: 0
}

.home-main .main-adver .in-adver {
    width: 320px;
    height: 220px;
    background-color: #ddd
}

.cate-title {
    line-height: 40px
}

.cate-title .icon {
    position: relative;
    top: 1px
}

.home-used {
    margin: 0 0 30px
}

.home-used .used-body {
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd
}

.home-used .used-body>ul>li {
    width: 25%;
    height: 245px;
    border-style: solid;
    border-color: #ddd;
    border-width: 0 1px 1px 0;
    box-sizing: border-box;
    padding: 55px 0 0
}

.home-used .used-body>ul>li:hover {
    background-color: #f2f7fb
}

.home-used .used-body>ul>li .btn {
    visibility: hidden;
    opacity: 0
}

.home-used .used-body>ul>li:hover .btn {
    visibility: visible;
    opacity: 1
}

.home-used .used-body>ul>li p {
    line-height: 24px
}

.home-used .used-body>ul>li .used-icon {
    padding: 0 0 20px
}

.home-used .used-body>ul>li.ing {
    background-color: #f6f6f6
}

.home-used .used-body>ul>li.ing .ico-ing {
    width: 60px;
    height: 60px;
    right: -1px;
    top: -1px
}

.model-body ul {
    padding: 0 0 15px 15px
}

.model-body ul li {
    display: table-cell;
    vertical-align: middle;
    min-height: 80px;
    width: 33.333%
}

.model-body ul li a {
    display: block;
    border: 1px solid #eaeaea;
    background-color: #fff;
    margin: 15px 15px 0 0;
    padding: 15px
}

.model-body ul li a:hover {
    background-color: #f2f7fb;
    border-color: #d7e2ea
}

.model-body ul li a .model-logo {
    display: inline-block;
    vertical-align: middle
}

.model-body ul li a .model-logo img {
    width: 50px;
    height: 50px;
    font-size: 0;
    background-color: #eee
}

.model-body ul li a p {
    display: inline-block;
    vertical-align: middle;
    white-space: normal;
    padding: 0 65px 0 0
}

.home-model-biaozhun {
    padding: 0 0 30px
}

.page-banner {
    font-size: 12px;
    line-height: 32px;
    height: 32px;
    background-color: #212121;
    color: #ddd;
    font-family: simsun;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .5)
}

.page-banner,
.page-banner .fl {
    position: relative
}

.page-banner .fl p {
    text-shadow: 1px 1px 0 #000
}

.page-banner .fr ul li.splline i {
    display: block;
    height: 11px;
    width: 0;
    border-left: 1px solid #000;
    border-right: 1px solid #666;
    margin: 11px 0 0
}

.page-banner .fr ul li.slidedown {
    position: relative
}

.page-banner .fr ul li a {
    color: #ddd;
    display: block;
    padding: 0 27px 0 30px
}

.page-banner .fr ul li.slidedown a {
    padding: 0 35px 0 25px
}

.page-banner .fr ul li.slidedown:hover a {
    padding: 0 37px 0 25px
}

.page-banner .fr ul li:hover a {
    background-color: #fff;
    color: #333;
    position: relative;
    padding: 0 29px 0 30px;
    margin-right: -2px
}

.page-banner .fr ul li em {
    display: block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #bbb;
    position: absolute;
    top: 14px;
    right: 16px;
    transition: all .5s ease;
    -o-transition: all .5s ease;
    transform: rotate(0deg);

}

.page-banner .fr ul li:hover em {
    border-top: 5px solid #666;
    transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.page-banner .fr ul li.slidedown ul {
    display: none;
    border-bottom: 1px solid #000;
    margin: 0 0 0 -1px;
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .3)
}

.page-banner .fr ul li.slidedown ul li a {
    white-space: nowrap;
    display: block;
    margin: 0
}

.page-banner .fr ul li:hover ul {
    display: block;
    position: absolute;
    top: 32px
}

.page-banner .fr ul li li {
    clear: both;
    float: none;
    border-left: 1px solid #333;
    border-right: 1px solid #333
}

.page-header {
    background-color: #fff;
    display: none
}

.page-header .page-logo a {
    display: block;
    display: inline-block;
    padding: 17px 0 0
}

.page-header .page-logo a span {
    float: left;
    display: block
}

.page-header .page-logo a b {
    display: block;
    float: left;
    font: normal 24px/30px \ED1\4F53;
    margin: 12px 0 0 10px;
    color: #2263ac;
    display: none
}

.page-header .page-menu {
    padding: 10px 0 0;
    font-family: Microsoft YaHei, \\5FAE\8F6F6C5ED1
}

.page-header .page-menu ul li {
    padding: 0
}

.page-header .page-menu ul li a {
    display: block;
    height: 70px;
    line-height: 70px;
    text-align: center;
    padding: 0 18px;
    font-weight: 400;
    font-size: 18px
}

.page-header .page-menu ul li.cur a {
    color: #0b93e1
}

.page-header .page-nav {
    background-color: #288add;
    padding: 2px 0;
    min-height: 41px;
    font-family: Microsoft YaHei, \\5FAE\8F6F6C5ED1;
    box-shadow: inset 0 2px 8px #1771ca
}

.page-header .page-nav ul li {
    margin: 5px 0
}

.page-header .page-nav ul li a {
    padding: 1px 25px 0;
    color: #fff;
    display: inline-block;
    _display: block;
    border-radius: 3px;
    height: 30px;
    font-size: 16px;
    line-height: 30px;
    text-decoration: none
}

.page-header .page-nav ul li a:hover {
    background-color: #207cc8
}

.page-header .page-nav ul li.cur a {
    background-color: #1062a7;
    border-top: none;
    margin-top: 0
}

.pui-header {
    height: 40px;
    position: fixed;
    width: 100%;
    background-color: #fff;
    z-index: 999;
    border-bottom: 20px solid #eee;
    z-index: 9
}

.pui-header.min {
    height: 40px
}

.pui-header:after {
    display: block;
    height: 20px;
    background-color: #fff;
    bottom: -20px;
    position: absolute
}

.font-icon li {
    width: 8.333333%
}

.font-icon li div {
    padding: 15px 10px;
    border-radius: 5px
}

.font-icon li:hover div {
    cursor: pointer;
    background-color: #0b93df;
    box-shadow: inset 0 0 12px #0378b9
}

.font-icon li i {
    font-size: 24px
}

.font-icon li:hover i {
    color: #fff
}

.font-icon li p {
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 5px
}

.pui-body {
    position: relative;
    padding: 20px 20px 20px 240px
}

.pui-body:after {
    position: absolute;
    top: 0;
    left: 180px;
    display: block;
    height: 100%;
    width: 20px;
    background-color: #eee;
    content: ""
}

.pui-menu {
    position: fixed;
    width: 220px;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 3
}

.pui-menu .inner {
    padding: 20px;
    height: 100%;
    position: relative
}

.pui-menu ul {
    padding: 0 0 20px
}

.pui-menu ul li {
    text-align: left;
    padding: 7px 0
}

.pui-menu ul li a {
    display: block;
    line-height: 18px;
    color: #333;
    border-left: 3px solid #374fbb;
    padding: 0 0 0 6px;
    position: relative
}

.pui-menu .inner>ul>li>a {
    line-height: 30px;
    margin: 0 0 5px;
    background-color: #eee
}

.pui-menu .inner>ul>li>a:hover {
    text-decoration: none;
    color: #5f94b3
}

.pui-menu ul li ul {
    padding: 0 0 0 20px;
    display: none
}

.pui-menu ul li ul.sib li {
    padding: 0
}

.page-footer {
    clear: both;
    background-color: #fff;
    padding: 20px 0;
    border-top: 1px solid #eee
}

.page-footer.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 9
}

.page-footer p {
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 22px
}

.examplePopop {
    width: 480px;
    margin: 0 auto
}

.examplePopop li {
    list-style: none
}

.examplePopop button {
    display: inline-block;
    margin: 5px
}

#backToTop {
    position: fixed;
    right: 30px;
    bottom: -60px;
    width: 55px;
    height: 55px;
    opacity: 0;
    transform: scale(0);
    transition: all .3s ease-in-out;
    z-index: 8
}

#backToTop.toggle {
    bottom: 150px;
    opacity: 1;
    transform: scale(1)
}

#backToTop a {
    display: block;
    width: 55px;
    height: 55px;
    line-height: 20px;
    text-decoration: none;
    color: #888;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    transition: all .1s ease-in-out;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1)
}

#backToTop a:hover {
    color: #fff;
    background-color: #0b93e1;
    border-color: #0b93e1
}

#backToTop a i {
    height: 30px;
    display: block
}

i.ico-to-top {
    background-position: -480px -563px
}

#backToTop a:hover i.ico-to-top {
    background-position: -438px -563px
}

.pol50 {
    position: relative;
    padding: 0 0 0 50px
}

.pol50 .abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 50px
}

.pol100 {
    position: relative;
    padding: 0 0 0 100px
}

.pol100 .abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px
}

.pol200 {
    position: relative;
    padding: 0 0 0 200px
}

.pol200 .abs {
    position: absolute;
    left: 0;
    top: 0;
    width: 200px
}

.por100 {
    position: relative;
    padding: 0 100px 0 0
}

.por100 .abs {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

.por200 {
    position: relative;
    padding: 0 0 0 200px
}

.por200 .abs {
    position: absolute;
    right: 0;
    top: 0;
    width: 200px
}

.page-step ul {
    display: table;
    width: 100%;
    position: relative;
    overflow: hidden
}

.page-step ul:after {
    display: block;
    content: "";
    position: absolute;
    top: 0;
    right: -18px;
    width: 18px;
    height: 100%;
    background-color: #fff
}

.page-step.samebg ul:after {
    background-color: #f2f2f2
}

.page-step ul li {
    display: table-cell
}

.page-step ul li a {
    display: block;
    color: #666;
    height: 0;
    line-height: 0;
    border-style: solid;
    border-width: 18px 0 18px 18px;
    border-color: #e2e2e2;
    border-radius: 3px 0 0 3px;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0
}

.page-step ul li a:after {
    content: "";
    display: block;
    float: right;
    margin: -18px -18px 0 0;
    border-style: dashed dashed dashed solid;
    border-width: 18px 0 18px 18px;
    border-color: transparent transparent transparent #e2e2e2
}

.page-step ul li+li a {
    border-color: #e2e2e2 #e2e2e2 #e2e2e2 transparent
}

.page-step ul li+li a:after {
    border-color: transparent transparent transparent #e2e2e2
}

.page-step ul li a:hover {
    opacity: .7
}

.page-step ul li.cur a {
    border-color: #98bad6;
    color: #fff
}

.page-step ul li+li.cur a {
    border-color: #98bad6 #98bad6 #98bad6 transparent
}

.page-step ul li.cur a:after {
    border-color: transparent transparent transparent #98bad6
}

.page-step ul li:last-child a {
    border-radius: 0 3px 3px 0
}

.page-step ul li+li a {
    margin-left: 2px;
    text-indent: 20px
}

.page-step.tc ul li+li a {
    margin-left: 4px;
    text-indent: 0
}

input.wpdate {
    width: 250px;
    box-sizing: border-box;
    padding: 0 35px 0 10px
}

input.wpdate.wp100 {
    width: 100%
}

.selectDate .icon {
    position: absolute;
    display: block;
    line-height: 32px;
    right: 1px;
    top: 1px;
    font-size: 20px;
    background-color: #eee;
    width: 40px;
    text-align: center;
    color: #888;
    border-left: 1px solid #ddd
}

.WdateDiv {
    width: 250px;
    border-radius: 0 0 5px 5px
}

.page-btns .btn {
    padding: 0 40px;
    font-size: 15px
}

.page-content {
    padding: 0 0 50px
}

.project-search {
    margin-top: 30px
}

.page-empty {
    padding: 150px 0 200px
}

.ext-header .selector .setitle a {
    height: 26px
}

.ext-table-to-div .ext-header {
    background-color: #f8f8f8;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.ext-table-to-div .ext-header,
.ext-table-to-div .ext-headersub {
    height: 40px;
    line-height: 40px;
    margin: 0 0 10px
}

.ext-table-to-div .ext-body .icon-toggle {
    width: 32px;
    height: 32px;
    line-height: 32px;
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 2px;
    cursor: pointer;
    background-color: #eee;
    font-size: 17px;
    text-align: center
}

.ext-table-to-div .ext-body .icon-toggle:hover {
    background-color: #374fbb;
    color: #fff;
    border-color: #374fbb
}

.loop .ext-body .icon-toggle,
.loop .row {
    line-height: 27px
}

.loop .row .iamrow:hover {
    background-color: #ddd
}

.loop .ext-body .inner {
    position: relative;
    padding: 0 0 0 30px
}

.loop .ext-body .inner i.icon {
    position: absolute;
    left: 0;
    top: 0;
    cursor: pointer
}

.loop .ext-body .icon-toggle:before {
    content: "";
    transform: rotate(0deg);
    border-bottom: 4px dashed transparent;
    border-left: 4px dashed transparent;
    border-right: 4px dashed transparent;
    border-top: 5px solid #666;
    float: left;
    margin: 11px 0 0
}

.loop .ext-body .icon-toggle:after {
    content: "@";
    float: left
}

.loop .ext-body .icon-toggle.expand:before {
    content: "";
    transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    margin: 8px 5px 0 0
}

.loop .ext-body .icon-toggle.expand:after {
    content: "*"
}

.loop .ext-body i.icon-toggle {
    display: block;
    height: 27px;
    width: 25px;
    z-index: 2
}

.loop .ext-body i.icon-toggle:after {
    display: none
}

.loop .ext-body em.icon-folder {
    position: absolute;
    left: 11px;
    top: 0;
    font-size: 13px;
    z-index: 1
}

.loop .ext-body .inner {
    padding: 0 0 0 32px
}

.loop .ext-body>ul>li>.iamrow em.icon-folder:before {
    content: "\E912"
}

.project-header {
    padding: 20px 300px 20px 120px;
    background-color: #f5f5f5;
    border-bottom: 1px solid #eaeaea
}

.project-header .ico-project {
    width: 80px;
    height: 80px;
    left: 20px;
    top: 50%;
    margin-top: -40px
}

.project-header h6 {
    line-height: 27px;
    padding: 5px 0
}

.project-header .pro-hd-funs {
    right: 20px;
    top: 20px;
    line-height: 36px
}

.project-header .pro-hd-funs .icon {
    position: relative;
    top: 2px
}

.pro-it-title {
    line-height: 30px
}

.pro-it-title .pro-it-type {
    padding: 5px;
    letter-spacing: 1px;
    border-radius: 3px
}

.pro-it-title .pro-it-name {
    padding: 0 40px 0 20px
}

.project-item ul li {
    padding: 23px 23px 24px;
    border-style: solid;
    border-width: 2px 2px 1px;
    border-color: #fff #fff #eaeaea
}

.project-item ul li.ui-state-border {
    padding: 23px;
    border-width: 2px;
    border-color: #278add
}

.pro-it-btns {
    padding: 15px 0 5px
}

.project-create {
    padding: 20px 0 0
}

.select-group+.input-group {
    margin-left: -1px
}

.selectDate .icon-date2 {
    display: none
}

.selectDate {
    line-height: 34px
}

.filter-line {
    position: relative;
    padding: 5px 0 5px 80px;
    font: normal 12px/18px simsun;
    transition: all .2s ease-in-out;
    border-bottom: 1px dashed #eee
}

.filter-line.nb {
    border: none
}

.filter-line b,
.search-group .seartxt {
    position: absolute;
    top: 12px;
    left: 0;
    font-size: 12px;
    font-family: simsun;
    display: block;
    width: 70px;
    text-align: right;
    color: #888;
    line-height: 26px;
    font-weight: 400
}

.filter-line p a {
    display: inline-block;
    float: left;
    color: #333;
    margin: 5px 5px 5px 0;
    padding: 3px 12px;
    text-decoration: none;
    transition: all .2s ease;
    border-radius: 2px;
    border: 1px solid #fff;
    max-width: 450px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.filter-line p a input {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    top: -9999px
}

.filter-line p a.check,
.filter-line p a.check.selectItem:hover {
    background-color: #278add;
    border-color: #278add;
    color: #fff;
    box-shadow: 0 0 2px rgba(21, 105, 189, .45)
}

.filter-line p a.selectItem:hover {
    border: 1px solid #278add;
    background-color: #fff;
    color: #278add
}

.filter-line p em {
    display: inline-block;
    float: left;
    color: #888;
    font-style: normal;
    margin: 7px 5px
}

.filter-line.more {
    padding: 5px 100px 5px 80px;
    height: 35px;
    overflow: hidden
}

.page-filter .spline {
    height: 0;
    border-bottom: 1px dashed #ddd;
    margin: 0
}

.page-filter .toggle {
    display: block;
    position: absolute;
    right: 0;
    top: 9px;
    line-height: 22px;
    background-color: #ccc;
    border: 1px solid #bbb;
    color: #fff;
    text-shadow: 1px 1px 0 #aaa;
    border-radius: 2px;
    padding: 1px 20px;
    cursor: pointer;
    text-decoration: none
}

.page-filter .toggle i {
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 7px;
    top: 6px
}

.page-filter.quote .search-group {
    padding: 5px 0 0
}

.highSearch {
    height: 0;
    overflow: hidden
}

.highSearch.higher {
    overflow: visible;
    padding: 0 0 10px
}

.highSearch .textarea {
    padding: 0 0 0 80px
}

.attach-search {
    font-size: 0
}

.attach-search .txt-group {
    font-size: 12px
}

.attach-select .filter-line {
    padding: 0 0 0 80px;
    border: none
}

.attach-select .filter-line b {
    top: 4px
}

.setFunction {
    position: relative;
    background-color: #eee;
    border: 1px solid #ddd;
    padding: 10px 12px 10px 10px;
    margin: 0 0 20px
}

.setFunction .selectRange {
    padding: 0 10px 0 0;
    font-family: simsun;
    line-height: 36px
}

.setFunction .check-groups label {
    display: block;
    float: left;
    padding: 0
}

.funBtns li a {
    display: block;
    height: 32px;
    line-height: 32px;
    position: relative;
    z-index: 11
}

.funBtns li a span {
    display: none
}

.funBtns li a.cur span {
    display: block
}

.setBtns li {
    border: 1px solid #ddd
}

.setBtns li a {
    display: block;
    position: relative;
    height: 32px;
    width: 32px;
    line-height: 32px;
    padding: 1px 2px 0;
    text-align: center
}

.setBtns li+li {
    margin-left: -1px
}

.setBtns li a em {
    position: absolute;
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 5px 10px;
    top: -32px;
    left: -1px;
    white-space: nowrap;
    z-index: 10;
    font: normal 12px/20px simsun;
    color: #000;
    border-radius: 3px;
    visibility: hidden;
    opacity: 0
}

.setBtns li a:hover em {
    display: block
}

.setBtns li a:before {
    font-size: 14px
}

.setBtns li a.cur,
.setBtns li a:hover {
    color: #278add;
    background-color: #fff
}

.setBtns li a:hover em {
    visibility: visible;
    opacity: 1
}

.attach-filter .page-linear {
    border-bottom: 1px solid #fff
}

.page-linear {
    border-bottom: 1px solid #eee;
    margin: 0
}

.page-linear ul {
    height: 44px
}

.page-linear li {
    margin-bottom: -1px
}

.page-linear li a {
    display: block;
    height: 42px;
    line-height: 40px;
    font-size: 14px;
    padding: 1px 21px 0;
    border: 1px solid #eee;
    background-color: #f8f8f8
}

.page-linear li+li a {
    margin-left: -1px
}

.page-linear li.cur a {
    padding: 0 21px 1px;
    background-color: #fff;
    border-style: solid;
    border-color: #ddd;
    border-width: 2px 1px 0;
    border-top-color: #2c99ff;
    position: relative;
    margin-bottom: -3px
}

table {
    border-collapse: collapse
}

table.table {
    width: 100%
}

table.table thead th {
    background-color: #f8f8f8;
    border-top: 1px solid #eee;
    line-height: 20px;
    font: normal 12px/20px simsun;
    color: #888
}

table.table td,
table.table thead th {
    border-bottom: 1px solid #eee;
    padding: 10px
}

table.table td {
    vertical-align: middle;
    line-height: 24px
}

table.table tr:last-child td {
    border-bottom: none
}

table.table td.chkbox {
    padding: 10px 0 10px 10px
}

table.table-border tr td+td {
    border-left: 1px solid #eee
}

table.table-center td,
table.table-center th {
    text-align: center
}

table.table-center td.tl,
table.table-center th.tl {
    text-align: left;
    padding-left: 10px
}

table.table-large td {
    padding: 15px 10px
}

table.table-small td {
    padding: 5px 10px
}

table.table-song td,
table.table-song th {
    font-family: simsun
}

table.table-relative td,
table tr.has-tags td {
    position: relative
}

table tr.has-tags td .tags {
    position: absolute;
    height: 34px;
    bottom: 0;
    border-top: 1px solid #eee;
    left: 10px;
    padding: 10px 0 0;
    z-index: 1;
    display: none
}

.tags span {
    padding: 0 7px;
    margin: 0 0 0 10px;
    border-radius: 3px;
    color: #fff;
    transition: all .1s ease
}

.tags span.tag {
    position: relative;
    display: inline-block;
    line-height: 22px
}

.tags span.tag i {
    position: absolute;
    width: 18px;
    display: none;
    font-size: 12px;
    font-family: verdana
}

.tags span.tag:hover {
    padding: 0 27px 0 7px;
    cursor: pointer
}

.tags span.tag:hover i {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0
}

.remark dd i,
.tags span.state i {
    display: inline-block;
    height: 20px;
    width: 20px;
    float: left
}

.tags span.state {
    background-color: transparent;
    margin: 0 5px 0 0;
    padding: 0
}

.overflow-table {
    overflow: auto
}

table td .oper-pjer {
    display: inline-block
}

table td .oper-slider {
    position: relative;
    display: inline-block;
    padding: 0 1px;
    width: 72px
}

table td .oper-slider a {
    display: block;
    text-decoration: none;
    color: #000;
    white-space: nowrap;
    padding: 0 9px
}

table td .oper-slider ol {
    position: absolute;
    top: 24px;
    left: -1px;
    visibility: hidden;
    width: 100%;
    background-color: #fdf8e4;
    border: 1px solid #d2c59a;
    opacity: 0;
    border-top-color: #fdf8e4;
    z-index: 99
}

table td .oper-slider:hover {
    background-color: #fdf8e4;
    border: 1px solid #d2c59a;
    padding: 0
}

table td .oper-slider:hover ol {
    visibility: visible;
    opacity: 1
}

table td .oper-slider:hover a {
    color: #000
}

table td .oper-slider:hover a:hover {
    background-color: #0b93e1;
    color: #fff
}

table td .oper-slider,
table td .oper-slider p a {
    border-radius: 2px 2px 0 0
}

table td .oper-slider ol,
table td .oper-slider ol li:last-child a {
    border-radius: 0 0 2px 2px
}

table.table-listintd li.relative {
    padding: 15px 10px;
    margin: 0 -230px 0 -10px
}

table.table-listintd li.relative p {
    padding: 0 230px 0 0
}

table.table-listintd li.relative+li {
    border-top: 1px solid #eee
}

table.table-listintd li.relative .absolute {
    right: 70px;
    top: 50%;
    margin-top: -14px
}

.card-view.out {
    margin: 20px 0 0
}

.card-one {
    position: relative;
    padding: 0 0 0 41px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    border-radius: 0;
    transition: all .2s ease-in-out
}

.card-view.in,
.list-view.in {
    display: none
}

.list-view.in.show {
    display: table-row
}

.card-view.in.show {
    display: block
}

.card-view.in .card-one {
    border-radius: 0;
    margin-top: -1px;
    background-color: #fff;
    border-bottom-color: #e8eef1;
    border-top-color: #e8eef1
}

.card-view.in .card-one:last-child {
    border-bottom-color: #cedbde
}

.card-one .toggler.show {
    background-color: #278add;
    border-color: #278add;
    color: #fff
}

.card-one label {
    display: block;
    width: 41px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.card-one label .checkone {
    width: 41px;
    height: 100%;
    padding: 0
}

.card-one label .checkone i {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -9px 0 0 -9px
}

.card-one .card-params {
    padding: 15px 10px 15px 20px;
    border-left: 1px solid #eee
}

.card-header {
    position: relative;
    vertical-align: baseline;
    padding: 0 0 10px
}

.card-header .ico-sex {
    display: block;
    width: 20px;
    height: 20px;
    float: left
}

.card-header b {
    font-size: 16px;
    padding: 0 3px 0 0
}

.card-header em {
    font-style: normal;
    font-size: 12px;
    padding: 0 0 0 5px
}

.card-header span {
    padding: 0 10px 0 0
}

.card-protos {
    padding: 7px 0 5px
}

.card-tags {
    display: none
}

.card-protos ol li {
    width: 19%;
    line-height: 22px;
    padding: 5px 1% 5px 0;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.card-tags .tags span {
    display: inline-block;
    margin: 0 10px 0 0
}

.card-view.in .card-funs {
    border-top-color: #f3f3f3
}

.card-funs {
    padding: 18px 0 0
}

.card-funs ol li {
    line-height: 22px;
    padding: 5px 0 0
}

.card-funs ol li .mode {
    width: 72px;
    height: 32px;
    overflow: hidden;
    padding: 0;
    margin: -4px 20px -2px;
    transition: all .3s ease-in-out;
    border-radius: 25px;
    cursor: pointer
}

.iamgray .tag {
    background-color: #ccc
}

.iamgray .c-red {
    color: #aaa
}

.card-funs ol li .mode.partial.on {
    background-position: -124px -600px
}

.card-funs ol li .mode.partial.off {
    background-position: -196px -600px
}

.card-funs ol li .mode.global.on {
    background-position: -124px -637px
}

.card-funs ol li .mode.global.off {
    background-position: -196px -637px
}

#listAccount {
    display: none
}

.page-table {
    position: relative;
    min-height: 200px
}

.hasPagination {
    padding-bottom: 82px
}

.makePGbottom,
.pagination-bottom {
    position: absolute;
    width: 100%;
    bottom: 0
}

.hasPagination.hasRemark {
    padding-bottom: 141px
}

.page-table .remark {
    width: 100%;
    bottom: 62px;
    position: absolute;
    padding: 20px 0;
    border-top: 1px solid #eee;
    display: none
}

.page-table .remark dl {
    font-size: 12px;
    line-height: 18px;
    font-family: verdana, simsun
}

.page-table .remark dd {
    padding: 0 10px
}

.send-message .row-merge {
    padding: 10px 0
}

.send-message .row-merge.bgc-gray7 {
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee
}

.page-linear+.attach-filter {
    position: relative;
    top: -43px
}

.create-tool .tool-one {
    padding: 10px 10px 20px;
    width: 70px;
    height: 70px;
    display: block;
    border-radius: 3px;
    color: #888;
    border: 1px dashed #ddd;
    margin: 0 20px 20px 0;
    position: relative
}

.create-tool .tool-one:hover {
    border-color: #278add;
    color: #278add
}

.create-tool .tool-one input[type=radio] {
    display: none
}

.create-tool .tool-one p {
    line-height: 20px
}

.add-tags li {
    position: relative;
    margin: 0 10px 10px 0;
    cursor: pointer
}

.add-tags li span {
    display: block;
    padding: 0 34px 0 12px;
    border: 1px solid #ddd;
    border-radius: 3px
}

.add-tags li i {
    position: absolute;
    height: 34px;
    width: 34px;
    line-height: 34px;
    display: block;
    top: 0;
    right: 0;
    color: #aaa
}

.add-tags li:hover i {
    color: #000;
    transform: rotate(90deg)
}

.add-tags.r {
    min-height: 34px;
    padding: 3px 0
}

.add-tags.r li {
    margin: 0 10px 7px 0
}

.add-tags.r li span {
    background-color: #fe5252;
    border-color: #fe5252;
    border-radius: 28px;
    color: #fff;
    line-height: 26px
}

.add-tags.r li i {
    color: #fff;
    line-height: 28px;
    height: 28px
}

.function-group .check-group {
    width: 100%;
    padding: 0 0 20px;
    margin: 0 0 20px;
    border-bottom: 1px solid #eee
}

.function-group .checkone {
    width: 33.3333%;
    padding: 5px 0
}

.table.table-tree {
    table-layout: fixed
}

.table.table-tree .th1 {
    width: 40px
}

.table.table-tree .th2 {
    width: 60%
}

.table.table-tree .th4 {
    width: 25%
}

.togger {
    display: inline-block
}

.togger a {
    text-decoration: none;
    display: table-cell
}

.togger a b {
    color: #000;
    font-weight: 400;
    display: table-cell
}

.expand .tarrow {
    border-top: 8px solid transparent;
    border-bottom: 8px solid #000
}

.collapse .tarrow,
.expand .tarrow {
    display: inline-block;
    border-left: 8px solid transparent
}

.collapse .tarrow {
    border-bottom: 8px solid transparent;
    border-right: 8px solid #000
}

.togger {
    text-indent: 0;
    display: table
}

.togger span.tsp {
    padding: 0 8px
}

.togger b,
.togger span.tsp {
    display: table-cell
}

.togger .ico-tarrow {
    width: 16px;
    top: 6px
}

.togger .ico-folder,
.togger .ico-tarrow {
    display: table-cell;
    height: 16px;
    position: relative
}

.togger .ico-folder {
    width: 24px;
    top: 7px
}

.expand .ico-tarrow {
    background-position: -120px 0
}

.collapse .ico-tarrow {
    background-position: -90px 0
}

.collapse .togger.last .ico-tarrow,
.expand .togger.last .ico-tarrow {
    visibility: hidden
}

.collapse .togger.last .ico-folder,
.expand .togger.last .ico-folder {
    background-position: -58px 0
}

.expand .ico-folder {
    background-position: 0 0
}

.collapse .ico-folder {
    background-position: -30px 0
}

.root.expand .togger.last .ico-folder {
    background-position: 0 0
}

.root.collapse .togger.last .ico-folder {
    background-position: -30px 0
}

.root.collapse .togger.last .ico-tarrow,
.root.expand .togger.last .ico-tarrow {
    display: table-cell
}

.ext-table-to-div .ext-body .inner {
    position: relative
}

.ext-table-to-div .ext-body .th1 {
    margin: 0 0 10px
}

.ext-table-to-div .ext-body .th2 .inner,
.ext-table-to-div .ext-body .th3 .inner {
    padding: 0 0 0 10px
}

.ext-table-to-div .ext-body .row .mainkey .inner {
    padding: 0 0 0 44px
}

.ext-table-to-div .ext-body .row .row .mainkey .inner {
    margin: 0 0 0 44px
}

.ext-table-to-div .ext-body .row .row .row .mainkey .inner {
    margin: 0 0 0 78px
}

.ext-table-to-div .ext-body .row .row .row .row .mainkey .inner {
    margin: 0 0 0 112px
}

.onQRcode {
    color: #aaa;
    min-height: 240px
}

.onQRcode.on {
    color: #454545
}

#qrcode {
    width: 150px;
    right: 100px;
    top: 45px
}

#qrcode img {
    width: 120px;
    height: 120px
}

#qrcode p {
    line-height: 30px
}

.setFunction+.ext-table {
    margin-top: -1px
}

.ext-table .ext-tr {
    clear: both
}

.ext-table .ext-td,
.ext-table .ext-th {
    float: left;
    padding: 15px 0;
    line-height: 20px;
    min-height: 20px
}

.ext-table .ext-header {
    background-color: #f8f8f8;
    margin: 0 0 20px
}

.ext-table .ext-header .ext-th {
    float: left;
    border-bottom: 1px solid #e2e2e2
}

.ext-table .ext-body .ext-one {
    border: 1px solid #e2e2e2;
    margin: 0 0 20px
}

.ext-table .ext-body .ext-main {
    background-color: #f8f8f8
}

.ext-table .ext-body .ext-category {
    padding: 10px 0
}

#paperSetter .td1,
#paperSetter .th1 {
    width: 65%
}

#paperSetter .td2,
#paperSetter .th2 {
    width: 15%
}

#paperSetter .td3,
#paperSetter .th3 {
    width: 20%
}

#paperPracticsSetter .td1,
#paperPracticsSetter .th1 {
    width: 65%
}

#paperPracticsSetter .td2,
#paperPracticsSetter .th2 {
    width: 20%
}

#paperPracticsSetter .td3,
#paperPracticsSetter .th3 {
    width: 15%
}

#paperPracticsSetter.ext-table .ext-body .ext-category .td1 .checkone {
    padding: 0 0 0 20px
}

.ext-table .ext-body .ext-sparate {
    border: none;
    padding: 10px 0 0
}

.ext-sparate .sp-line {
    border-style: dotted;
    border-width: 1px 0 0;
    height: 18px
}

.ext-sparate .sp-txt {
    display: inline-block;
    height: 22px;
    line-height: 22px;
    border-radius: 20px;
    padding: 0 2px 0 6px;
    position: relative;
    top: -11px
}

.module-note ul li+li {
    border-top: 1px solid #eee;
    margin-top: 20px
}

.page-sider {
    position: relative
}

.page-sider .sider-left {
    position: absolute;
    height: 100%;
    border-right: 1px solid #ddd
}

.page-sider .sider-left .radio-group {
    padding: 0
}

.page-sider .sider-left .radio-group .radione {
    position: relative;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #eee;
    padding: 9px 5px 9px 30px
}

.page-sider .sider-left .radio-group .radione.cur {
    background-color: #fff;
    border-color: #ddd;
    margin-right: -1px
}

.page-sider .sider-left .radio-group .radione+.radione {
    border-width: 1px 0
}

.page-sider .sider-right .page-feature {
    margin: 0 0 15px
}

#selectSubjectType .sider-left {
    width: 200px;
    background-color: #eee
}

#selectSubjectType .sider-right {
    padding: 0 20px 0 220px
}

.module-style a {
    width: 110px;
    margin: 0 20px 0 0;
    display: block;
    height: 70px;
    line-height: 70px;
    padding: 0 10px;
    border: 1px solid #ddd;
    color: #aaa;
    border-radius: 3px
}

.module-style a.cur,
.module-style a:hover {
    background-color: #278add;
    border-color: #278add;
    color: #fff
}

.module-single {
    margin: 0 0 20px
}

.module-single .module-title {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 8px 10px;
    margin-bottom: 10px
}

.module-single .page-notice+.module-title {
    border-top: none
}

.module-single .module-title .module-operate i:hover {
    cursor: pointer;
    color: #666
}

.module-body .module-left {
    width: 33.33333%;
    box-sizing: border-box
}

.module-left .left-title {
    border-bottom: 1px solid #e6e6e6
}

.module-body .module-right {
    width: 66.66666%;
    box-sizing: border-box
}

.module-right .right-title {
    border-bottom: 1px solid #e6e6e6;
    margin-left: 20px
}

.module-wrapper .radio-group {
    padding: 10px 0 10px 10px
}

.module-wrapper .radio-group .radione.isrender {
    padding: 0 20px 10px 24px;
    margin: 10px 0 0
}

.module-wrapper .radio-group .radione i.radicon {
    top: 8px;
    margin-top: 0
}

.module-wrapper .radio-group .radione input.txt:disabled,
.module-wrapper .radio-group .radione input.txt[disabled] {
    background-color: #fff;
    border-color: #e6e6e6
}

.module-wrapper .module-body input.txt {
    visibility: visible;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    width: 100%;
    box-sizing: border-box;
    border-radius: 2px
}

.module-wrapper .module-body i.icon-close {
    cursor: pointer
}

.module-wrapper .module-body .style-title {
    border-radius: 3px 3px 0 0;
    padding: 2px 30px 2px 2px;
    height: 28px
}

.module-wrapper .module-body i.icon-close {
    top: 0;
    right: 0;
    width: 30px;
    text-align: center;
    line-height: 32px
}

.module-wrapper .module-body .style-body {
    border-width: 0 1px 1px;
    border-style: solid;
    padding: 10px 10px 10px 0;
    border-radius: 0 0 3px 3px
}

.module-wrapper .module-body .style-two .style-body {
    padding: 10px 10px 0 0
}

.module-wrapper .radio-group .radione .style-title .txt {
    border: none;
    background-color: transparent;
    color: #fff
}

.module-wrapper .module-left i.icon-close {
    display: none
}

.module-wrapper .module-body li {
    position: relative
}

.module-wrapper .module-body .module-right input.txt {
    padding: 0 26px 0 10px
}

.style-two ul li {
    width: 50%;
    padding: 0 0 10px 10px;
    box-sizing: border-box
}

.style-three ul li {
    width: 50%;
    padding: 0 0 0 10px;
    box-sizing: border-box
}

.style-three ul li ul {
    margin: 10px 0
}

.module-left .style-three ul li,
.style-three ul li li {
    padding-bottom: 0
}

.module-left .add-cur-zb {
    display: none
}

.module-left .style-one,
.module-left .style-one ul li {
    margin: 0 0 10px
}

.module-left .style-three ul li,
.module-left .style-two ul li {
    float: left
}

.module-left .style-three ul li li {
    float: none;
    clear: both
}

.module-right .style-one ul li {
    width: 50%;
    float: left;
    padding: 0 0 10px 20px;
    box-sizing: border-box
}

.module-right .style-three ul li,
.module-right .style-two ul li {
    float: none;
    clear: both;
    width: 100%
}

.module-right .style-three ul li,
.module-right .style-three ul li+li {
    margin: 0 0 10px
}

.module-left li li {
    margin-bottom: 0;
    width: 100%
}

.module-add .add-btn {
    border-width: 1px;
    border-style: dotted;
    display: block;
    border-radius: 2px
}

.module-add .add-btn:hover {
    background-color: #278add;
    color: #fff;
    border-style: solid;
    cursor: pointer
}

.module-body .module-right .one-style {
    display: none
}

.module-body .module-right i.icon-close {
    right: 2px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    top: 2px;
    position: absolute;
    color: #fff
}

.module-body .module-right li i.icon-close {
    right: 0;
    top: 0;
    color: #000
}

.module-left .radio-group .radione input.txt {
    color: #888
}

.module-right .right-content .one-style {
    padding: 54px 0 0
}

.module-right .right-content .style-three,
.module-right .right-content .style-two {
    width: 50%;
    float: left;
    padding: 0 0 20px 20px;
    box-sizing: border-box;
    position: relative
}

.add-cur-zb {
    box-sizing: border-box;
    float: left;
    background-color: #fff
}

.add-cur-zb.radd1 {
    padding: 0 0 10px 20px;
    width: 50%
}

.add-cur-zb.radd2 {
    padding: 0 0 10px 10px;
    width: 100%
}

.add-cur-zb.radd3 {
    padding: 0 0 0 10px;
    width: 100%
}

.add-zb {
    line-height: 26px;
    color: #278add;
    border: 1px dotted #ddd;
    text-align: center;
    display: block;
    border-radius: 3px
}

.module-right .rs3 .add-cur-zb.radd2 {
    padding: 0 0 0 10px
}

.module-right .add-cur-zb.radd2,
.module-right .add-cur-zb.radd3 {
    float: none;
    clear: both
}

.ui-state-highlight {
    background-color: #ffa;
    width: 50%;
    height: 270px;
    float: left;
    box-sizing: border-box
}

.letter-paper a {
    display: block;
    float: left;
    height: 60px;
    line-height: 60px;
    border: 2px solid transparent;
    position: relative;
    margin-right: 10px
}

.letter-paper a.default {
    width: 60px;
    background-color: #eee
}

.letter-paper a input[type=radio] {
    visibility: hidden;
    width: 0;
    height: 0;
    opacity: 0;
    display: none
}

.letter-paper a i {
    display: none;
    width: 30px;
    height: 20px;
    line-height: 24px;
    color: #fff;
    top: 0;
    right: 0;
    border-radius: 0 0 0 3px
}

.letter-paper a.cur {
    border-color: #6cba55
}

.letter-paper a.cur i {
    display: block
}

.likeTable .likeThead>ul>li {
    background-color: #f8f8f8;
    color: #aaa;
    border-width: 1px 0;
    border-color: #ddd;
    border-style: solid
}

.likeTable .likeTbody>ul>li,
.likeTable .likeThead>ul>li {
    float: left;
    width: 48%;
    border-bottom: 1px solid #eee
}

.likeTable .likeThead>ul>li .row {
    height: 40px;
    line-height: 40px
}

.likeTable .likeThead>ul>li .row p {
    padding: 0 10px
}

.likeTable li.odd {
    margin: 0 2% 0 0
}

.likeTable li.even {
    margin: 0 0 0 2%
}

.likeTable .likeTbody>ul>li .row {
    min-height: 24px;
    line-height: 24px;
    padding: 10px 0
}

.remind-rule+.remind-rule {
    margin-top: 20px
}

.ext-header .selector {
    margin: 6px 0
}

.ext-header .selector dl {
    line-height: 24px
}

.ext-header .selector .setitle {
    border-radius: 2px;
    overflow: hidden
}

.ext-header .selector .setitle a {
    line-height: 26px
}

.ext-header .selector .selist {
    top: 26px
}

#weightTree .th2 .icon-toggle,
#weightTree .th3 .icon-toggle {
    display: none
}

.reorder {
    border-color: #fff;
    width: 30px;
    color: #aaa;
    height: 24px;
    line-height: 24px;
    background: transparent
}

.reorder.ordering {
    border-color: #ddd;
    width: 30px;
    color: #278add
}

.reorder.ordering:focus {
    border-color: #278add
}

.table-special {
    border-collapse: separate;
    border-spacing: 1px;
    border: none;
    width: 100%;
    table-layout: fixed
}

.table-special thead th {
    line-height: 24px;
    padding: 12px
}

.table-special thead th.her {
    height: 48px;
    overflow: hidden
}

.table-special tbody tr:nth-child(2n) {
    background-color: #eee
}

.table-special tbody tr:nth-child(odd) {
    background-color: #f6f6f6
}

.table-special tbody td {
    line-height: 24px;
    padding: 12px
}

.withnoiptbd {
    border: 1px solid #ddd;
    padding: 0 5px 0 3px
}

.withnoiptbd .txt {
    border: none
}

.withnoiptbd:after {
    content: " : ";
    position: absolute;
    right: 1px;
    top: 0;
    display: block;
    line-height: 34px
}

code[class*=language-],
pre[class*=language-] {
    color: #f8f8f2;
    background: none;
    text-shadow: 0 1px rgba(0, 0, 0, .3);
    font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
    text-align: left;
    white-space: pre;
    word-spacing: normal;
    word-break: normal;
    word-wrap: normal;
    line-height: 1.5;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -ms-hyphens: none;
    hyphens: none
}

pre[class*=language-] {
    padding: 1em;
    margin: .5em 0;
    overflow: auto;
    border-radius: .3em
}

:not(pre)>code[class*=language-],
pre[class*=language-] {
    background: #272822
}

:not(pre)>code[class*=language-] {
    padding: .1em;
    border-radius: .3em;
    white-space: normal
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
    color: #708090
}

.token.punctuation {
    color: #f8f8f2
}

.namespace {
    opacity: .7
}

.token.constant,
.token.deleted,
.token.property,
.token.symbol,
.token.tag {
    color: #f92672
}

.token.boolean,
.token.number {
    color: #ae81ff
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
    color: #a6e22e
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
    color: #f8f8f2
}

.token.atrule,
.token.attr-value,
.token.function {
    color: #e6db74
}

.token.keyword {
    color: #66d9ef
}

.token.important,
.token.regex {
    color: #fd971f
}

.token.bold,
.token.important {
    font-weight: 700
}

.token.italic {
    font-style: italic
}

.token.entity {
    cursor: help
}